<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>	</title>
	<style type="text/css" media="screen">
		.haha{
			position: absolute;
			top:50%;
			left: 50%;
			transform:translate(-50%,-50%);
		}
		body{
			height: 2000px;
		}
		#title{
			font-size: 100px;
		}

		.left{
			position: absolute;
			left:10px;
		}
		.right{
			position: absolute;
			right:10px;
		}
		#title{
			background-color: yellow;
			height:100px;
			width: 100px;
		}

	</style>
</head>
<body>
<h1 name="xixi" onclick="taozou(this)" class="left" id="title">   </h1>

<div id="title"></div>
<!-- inner HTML -->
	<script type="text/javascript">


	// number，string，boolean，undefined,	null（空的指针）

	// 数据的处理,--------运算

	// 数学运算  + - * / %
	// 逻辑运算  &&  ||  !
	// 关系运算  > < >= <= !=  ==
	// 赋值运算  =    += -= *= /= %=  ++ --


	//1、 商场打折： 满200减10元，并且全场75折 买了350元商品，最后应该支付多少钱


	//2、做一个账单
		// 商品名			数量 	单价	总价
		// 乔丹牌篮球鞋  1双 998	
		// 黑人牙膏	  5支 20元/支  100元
		// 金骏眉顶级	  1.25两 328元/两	?元	

	// var a;
	// if(a===undefined){
	// 	alert("1111");
	// }




	function taozou(a) {
		//console.log(a);//这个，自己


		// 判断当前这个东西在哪里，
		if(a.classList.contains('left')){
			// 	如果他在左边，我就让他去右边，
			a.classList.remove('left');
			a.classList.add('right');
		}else{
			// 	否则我就让他去左边
			a.classList.remove('right');
			a.classList.add('left');
		}
		
		
	}

	document.onscroll = function (e) {
		// console.log(e);
		// alert(JSON.stringify(e,null,4));
		// e.stopPropagation();
		// alert("摊开纠纷的快速拉萨飞吧")
	}
	// 有3个要素: 数据处理 ,输入, 输出

	// 应用程序的主要区域就是操作内存
		// alert("我的javascript");

	
		// aa.classList.add('hehe')
		// aa.classList.remove('xixi')

		//声明变量的格式
		var num = 0;
		// aa.id='title'
		// 0 = num
		// num++  ==》  num = num +1

		// setTimeout(,); //延迟事件/setInterval(callback,5000);
		setInterval(function () {
			var dd = document.querySelector("h1");
			if(num++ %2 == 0){
				dd.innerHTML = "遥看瀑布挂前川";
				dd.style.color = 'pink';
			}else{
				dd.innerHTML = "李白的诗真好";
				dd.style.color = '#8f0';
			}
			// if(num == 5){
			// 	dd.classList.add('haha');
			// 	dd.id = 'title';
			// }
			
		},2000);

		// console.log(document.getElementById('title'));

		// 做一个广告,在页面的左边上下飘动，每5秒走一次，该广告上有一个关闭按钮，但是该按钮被点击的时候，这个广告会逃到另一边


		// document.write("<h1>网页标题</h1>");
	</script>
</body>
</html>